<template>
	<div>
		<!-- 一级导航 -->
		<el-menu
			background-color="#666"
			text-color="#fff"
			active-text-color="#123456"
			:default-active="activeIndex"
			class="el-menu-demo"
			mode="horizontal"
			@select="handleSelect"
		>
			<el-menu-item index="home">首页</el-menu-item>
			<el-menu-item index="news">新闻</el-menu-item>
			<el-menu-item index="product">产品</el-menu-item>
			<el-menu-item index="about"> 联系 </el-menu-item>
		</el-menu>
	</div>
</template>

<script>
export default {
	data() {
		return {
			activeIndex: 'home',
		}
	},
	methods: {
		handleSelect(key) {
			this.$emit('switchShow', key)
		},
	},
}
</script>